<template>
    <div>
        <!-- New2.vue -->
         <!-- <slot name="header"></slot> -->
         <!-- 可以为子组件中元素设置默认值 -->
         <!-- <button><slot>submit</slot></button> -->
        <!-- 当组件渲染的时候，这个 <slot> 元素将会被替换为“Your Profile” -->
        <!-- <slot name="footer"></slot> -->
        <!-- <slot name="user"></slot> -->
        <ul>
            <li v-for="todo in todos" v-bind:key="todo.id">
                <!-- 我们为每个 todo 准备了一个插槽，-->
                <!-- 将 `todo` 对象作为一个插槽的 prop 传入。-->
                <slot v-bind:todo="todo">
                <!-- 回退的内容 -->
                {{ todo.text }}
                    </slot>
                </li>
            </ul>
        new33444
    </div>
</template>

<script>

    export default {
         props:['todos'],
        data(){
            return {
               
            }
        }
    }
</script>

<style scoped>

</style>